<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="e1">
  <img src="bla.png" class="a1">
    <a href="http://localhost:63342/untitled5/%E9%A6%96%E9%A1%B5.html?_ijt=j9buko7mnjsu534jvqqs5tdk7q&_ij_reload=RELOAD_ON_SAVE">
<img src="cha.png" class="a2">
    </a>
    <div class="a3"> Filters</div>
    <div class="a4">
        <div class="b1">Categories</div>
        <div class="b2">
        <form>
            <input type="checkbox" id="apple" name="fruit" value="苹果">
            <label for="apple">Eggs</label><br><br>

            <input type="checkbox" id="banana" name="fruit" value="香蕉">
            <label for="banana">Noodles & Pasta</label><br><br>

            <input type="checkbox" id="orange" name="fruit" value="橙子">
            <label for="orange">Chips & Crisps</label><br><br>

            <input type="checkbox" id="grape" name="fruit" value="葡萄">
            <label for="grape">Fast Food</label><br><br>


        </form>
        </div>

        <div class="b3">Brand</div>
<div class="b4">
        <form>
            <input type="checkbox"  name="fruit" value="苹果">
            <label for="apple">Individual Callection</label><br><br>

            <input type="checkbox" name="fruit" value="香蕉">
            <label for="banana">Cocola</label><br><br>

            <input type="checkbox" name="fruit" value="橙子">
            <label for="orange">Ifad</label><br><br>

            <input type="checkbox"  name="fruit" value="葡萄">
            <label for="grape">Kazi Farmas</label><br><br>

            <input type="submit" value="Apply Filter"
                   style="background-color: #53b175
;left: -20px;top: 350px;width: 353px;
height: 67px;
color: rgba(255, 249, 255, 1);
border: 0;font-size: 18px;
position: absolute;border-radius: 20px 20px 20px 20px";
            >
        </form>
    </div>







    </div>


</div>

</body>
<style>
    .b4{
        left:50px;
        top: 335px;
        position: absolute;
    }
    .b3{
        left: 30px;
        top: 280.29px;
        width: 67px;
        height: 29px;
        opacity: 1;
        /** 文本1 */
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 32.93px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: top;
position: absolute;
    }
    .b2{
        left:50px;
        top: 80px;
        position: absolute;
    }
    .b1{
        left: 25.01px;
        top: 30px;
        width: 123px;
        height: 29px;
        opacity: 1;
        /** 文本1 */
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 32.93px;
        color: rgba(24, 23, 37, 1);
        text-align: center;
        vertical-align: top;


        position: absolute;
    }
  .e1{
    left: -1366px;
    top: -813px;
    width: 405px;
    height: 870px;
    opacity: 1;
    background: rgba(255, 255, 255, 1);
    border: 1px solid antiquewhite;

  }
  .a1{
    left: -0.4px;
    top: 4.83px;
    width: 414px;
    height: 80px;
    opacity: 1;
  }
.a2{
    left: 25.01px;
    top: 57.06px;
    width: 15.71px;
    height: 15.53px;
    opacity: 1;
position: absolute;
}
.a3{
    left: 179px;
    top: 55.82px;
    width: 56px;
    height: 18px;
    opacity: 1;
    /** 文本1 */
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    color: rgba(24, 23, 37, 1);
    text-align: center;
    vertical-align: middle;
position: absolute;
}
.a4{
    left: 0.26px;
    top: 105px;
    width: 414px;
    height: 791px;
    opacity: 1;
    border-radius: 30px 30px 0px 0px;
    background: rgba(242, 243, 242, 1);
position: absolute;
}
</style>
</html>